<template>
    <view :style="{'height':windowHeight, 'width':windowWidth, 'background-color':'#F1F1F1'}">
        <view class="main-header"></view>
        <view class="main-content-one">
            <uni-row>
                <uni-col :span="4"></uni-col>
                <uni-col :span="8">
                    <view class="uni-col ">
                        <uni-icons type="info" size="70" @click="navigateTo('/pages/station/StationMain?windowHeight=' + this.windowHeight + '&windowWidth=' + this.windowWidth)"></uni-icons>
                        <view>台站信息</view>
                    </view>
                </uni-col>
                <uni-col :span="2"></uni-col>
                <uni-col :span="10">
                    <view class="uni-col">
                        <uni-icons type="list" size="70" @click="navigateTo('/pages/repair/RepairRecordMain?windowHeight=' + this.windowHeight + '&windowWidth=' + this.windowWidth)"></uni-icons>
                        <view>抢修记录</view>
                    </view>
                </uni-col>
            </uni-row>

        </view>

        <view class="main-content-one">
            <uni-row>
                <uni-col :span="4"></uni-col>
                <uni-col :span="8">
                    <view class="uni-col ">
                        <uni-icons type="chat" size="70" @click="navigateTo('/pages/question/QuestionFeedbackMain?windowHeight=' + this.windowHeight + '&windowWidth=' + this.windowWidth)"></uni-icons>
                        <view>问题反馈</view>
                    </view>
                </uni-col>
                <uni-col :span="2"></uni-col>
                <uni-col :span="10">
                    <view class="uni-col">
                        <uni-icons type="list" size="70" @click="navigateTo('/pages/check/CheckRecordMain?windowHeight=' + this.windowHeight + '&windowWidth=' + this.windowWidth)"></uni-icons>
                        <view>巡检记录</view>
                    </view>
                </uni-col>
            </uni-row>
        </view>
    </view>
</template>

<script>
    export default {
        name: "Main",
        data() {
            return {
                windowWidth: '375px',
                windowHeight: '667px',

            }
        },
        onLoad: function(options) {
            this.windowWidth = options.windowWidth
            this.windowHeight = options.windowHeight
        },
        methods: {
            navigateTo: function(url) {
                uni.navigateTo({
                    url: url,
                })
            }
        }
    }
</script>

<style>

    .main-header {
        height: 25%
    }

    .main-content-one {
        height: 25%
    }

    .uni-col {
        height: 36px;
        border-radius: 4px;
    }

</style>